<!DOCTYPE html>
<html>
<head>
    <title>箱子管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <script src="/lib/jq/jquery-2.1.1.min.js"></script>
    <script src="/lib/jq/bootstrap.min.js"></script>
</head>
<body style="margin:15px;">
<table class="table table-bordered" style="width:98%;margin:15px;">
    <legend>箱子详情</legend>
    <tr>
        <td style="text-align: center;width: 25%"><b>箱子ID</b></td>
        <td style="text-align: center;width: 25%"><b>贴码位置</b></td>
        <td style="text-align: center;width: 25%"><b>格子数量</b></td>
        <td style="text-align: center;width: 25%"><b>箱子布局</b></td>
    </tr>
    <tr>
        <td style="text-align: center;width: 25%"><%=boxdatas.box_id%></td>
        <td style="text-align: center;width: 25%"><%=boxdatas.code_layout%></td>
        <td style="text-align: center;width: 25%"><%=boxdatas.doors_num%></td>
        <td style="text-align: center;width: 25%"><%=boxdatas.box_layout%></td>
    </tr>
</table>
<p style="text-align: center">箱子布局视图</p>
<div style="text-align: center;margin-bottom: 15px;">
    <%if(boxdatas.box_layout=="一行两列"){%>
    <img src="/images/12.png">
    <%}else if(boxdatas.box_layout=="两行一列"){%>
    <img src="/images/21.png">
    <%}else if(boxdatas.box_layout=="两行两列"){%>
    <img src="/images/22.png">
    <%}else if(boxdatas.box_layout=="一行四列"){%>
    <img src="/images/14.png">
    <%}else if(boxdatas.box_layout=="四行一列"){%>
    <img src="/images/41.png">
    <%}else if(boxdatas.box_layout=="三行两列"){%>
    <img src="/images/32.jpg">
    <%}else if(boxdatas.box_layout=="两行三列"){%>
    <img src="/images/23.png">
    <%}else if(boxdatas.box_layout=="两行四列"){%>
    <img src="/images/24.png">
    <%}else if(boxdatas.box_layout=="四行两列"){%>
    <img src="/images/42.png">
    <%}else if(boxdatas.box_layout=="两行五列"){%>
    <img src="/images/25.png">
    <%}else if(boxdatas.box_layout=="五行两列"){%>
    <img src="/images/52.png">
    <%}else if(boxdatas.box_layout=="四行三列"){%>
    <img src="/images/43.jpg">
    <%}else if(boxdatas.box_layout=="三行四列"){%>
    <img src="/images/34.png">
    <%}%>
</div>
<table class="table table-bordered" style="width:98%;margin:15px;">
    <legend>Sim卡详情</legend>
    <tr>
        <td style="text-align: center;width: 25%"><b>Sim卡号</b></td>
        <td style="text-align: center;width: 25%"><b>运营商</b></td>
        <td style="text-align: center;width: 25%"><b>资费</b></td>
        <td style="text-align: center;width: 25%"><b>打印次数</b></td>
    </tr>
    <tr>
        <td style="text-align: center;width: 25%"><%=simdatas.sim%></td>
        <td style="text-align: center;width: 25%"><%=simdatas.operators%></td>
        <td style="text-align: center;width: 25%"><%=simdatas.charge%></td>
        <td style="text-align: center;width: 25%"><%=simdatas.state%></td>
    </tr>
</table>

<legend>购买人详情</legend>

<%if(buyerdatas==0){%>
<%}else{%>
<table class="table table-bordered" style="width:98%;margin:15px;">
    <tr>
        <td style="text-align: center;width: 30%"><b>购买人姓名</b></td>
        <td style="text-align: center;width: 30%"><b>联系电话</b></td>
        <td style="text-align: center;width: 30%"><b>所属公司</b></td>
    </tr>
    <tr>
        <td style="text-align: center;width: 30%"><%=buyerdatas.buyer%></td>
        <td style="text-align: center;width: 30%"><%=buyerdatas.phoneNumber%></td>
        <td style="text-align: center;width: 30%"><%=buyerdatas.company%></td>
    </tr>
    <%}%>

</table>
</body>
</html>